<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>诗篇在线建站系统 帐户</title>
<!-- 
event (rollup includes event-base, event-delegate, event-synthetic, event-mousewheel, event-mouseenter, event-key, event-focus, event-resize, event-hover, event-outside)
event-base-ie
history (rollup includes history-base, history-hash, history-hash-ie, history-html5)
history-hash-ie
io (rollup includes io-base, io-xdr, io-form, io-upload-iframe, io-queue)
json (rollup includes json-parse, json-stringify)
node (rollup includes node-base, node-event-delegate, node-pluginhost, node-screen, node-style)
selector
selector-css2
selector-css3
selector-native
-->
<script type="text/javascript" src="/yuicombo?version=3.4.1&appendminjs=true&yui-base/yui-base&oop/oop&features/features&dom-core/dom-core&dom-base/dom-base&selector-native/selector-native&selector/selector&event-custom-base/event-custom-base&node-core/node-core&node-base/node-base&event-base/event-base&event-base-ie/event-base-ie&event-delegate/event-delegate&event-custom-complex/event-custom-complex&event-synthetic/event-synthetic&event-mousewheel/event-mousewheel&event-mouseenter/event-mouseenter&event-key/event-key&event-focus/event-focus&event-resize/event-resize&event-hover/event-hover&event-outside/event-outside&history-base/history-base&history-html5/history-html5&yui-later/yui-later&history-hash/history-hash&history-hash-ie/history-hash-ie&json-parse/json-parse&json-stringify/json-stringify&node-event-delegate/node-event-delegate&pluginhost-base/pluginhost-base&pluginhost-config/pluginhost-config&node-pluginhost/node-pluginhost&dom-style/dom-style&dom-screen/dom-screen&node-screen/node-screen&node-style/node-style&selector-css2/selector-css2&selector-css3/selector-css3&querystring-stringify-simple/querystring-stringify-simple&io-base/io-base&datatype-xml-parse/datatype-xml-parse&io-xdr/io-xdr&io-form/io-form&io-upload-iframe/io-upload-iframe&queue-promote/queue-promote&io-queue/io-queue-min.js"></script>

<style type="text/css">
<!--
body {
	font-family: arial, sans-serif;
	margin: 0;
	padding: 13px 15px 15px;
}

.body {
	margin: 0;
}

div.errorbox-good {
	
}

div.errorbox-bad {
	
}

div.errormsg {
	color: red;
	font-size: smaller;
	font-family: arial, sans-serif;
}

font.errormsg {
	color: red;
	font-size: smaller;
	font-family: arial, sans-serif;
}

div.pagemsg {
	font-size: smaller;
	font-weight: bold;
	text-align: center;
}

div.pagemsg span {
	padding: 5px;
	background: #ff9;
}

div.topbarwrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1000;
}

div.topbar {
	padding: 3px 8px 0px;
}

div.header {
	margin-bottom: 9px;
	margin-left: -2px;
	position: relative;
	zoom: 1
}

div.header img.logo {
	border: 0;
	float: left;
}

div.header div.headercontent {
	float: right;
	margin-top: 17px;
}

div.header:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div.pagetitle {
	font-weight: bold;
}

.footer {
	color: #666;
	font-size: smaller;
	margin-top: 40px;
	text-align: center;
}

table#signupform {
	left: -5px;
	top: -7px;
	position: relative;
}

table#signupform td {
	padding: 7px 5px;
}

table#signupform td table td {
	padding: 1px;
}
-->
</style>
</head>
<style type="text/css">
<!--
.gaia.ops.gsl {
	font-family: arial, sans-serif;
	color: #3366cc;
	font-weight: bold;
}

.gaia.sub.el {
	font-family: arial, sans-serif;
	font-size: smaller;
	font-weight: bold;
}

.gaia.sub.pl {
	font-family: arial, sans-serif;
	font-size: smaller;
	font-weight: bold;
}

.gaia.sub.rpl {
	font-family: arial, sans-serif;
	font-size: smaller;
	font-weight: bold;
}

.gaia.sub.es {
	font-family: arial, sans-serif;
	font-size: smaller;
	font-style: italic;
}

.gaia.sub.seex {
	font-family: arial, sans-serif;
	font-size: smaller;
	color: #6f6f6f;
}

.gaia.sub.pc {
	font-family: arial, sans-serif;
	font-size: smaller;
	color: #6f6f6f;
}

.gaia.cca.al {
	font-family: arial, sans-serif;
	font-size: smaller;
	font-weight: bold;
}

.gaia.cca.ol {
	font-family: arial, sans-serif;
	font-size: x-small;
}

.gaia.cca.cmt {
	font-family: arial, sans-serif;
	font-size: smaller;
	color: #6f6f6f;
}

.gaia.cud.cl {
	font-family: arial, sans-serif;
	font-size: smaller;
	font-weight: bold;
}

.gaia.captchahtml.desc {
	font-family: arial, sans-serif;
	font-size: smaller;
}

.gaia.captchahtml.cmt {
	font-family: arial, sans-serif;
	font-size: smaller;
	color: #6f6f6f;
}

.gaia.sub.norm {
	font-family: arial, sans-serif;
	font-size: smaller;
}
#captchaImg{
	margin-right: 10px;
}

-->
</style>
<body bgcolor="#ffffff" text="#000000" link="#0000cc" vlink="#551a8b"
	alink="#ff0000" dir='ltr'>
	<table width=94% border=0 align=center cellpadding=0 cellspacing=0>
		<tr valign=top>
			<td width=1%></td>
			<td width=99% bgcolor=#ffffff valign=top>
				<table width=100% cellpadding=1>

					<tr valign=bottom>
						<td><div align=right>
								<h3>奉化市诗篇网络科技有限公司</h3>
							</div></td>
					</tr>
				</table>
			</td>
		</tr>
	</table>
	<div class="body">
		<h3>创建帐户</h3>
		<table width="700">
			<tr>
				<td><font size="-1"> 您可以使用自己的 诗篇在线建站系统 帐户访问“建站系统”和 的其他服务</a>。
				</font> <font size="-1"> 如果您已拥有 帐户，则可<a href='/login.html'>在此登录</a>。
				</font>
				</td>
			</tr>
		</table>
		<br />
		<form id="site-signup-form" name="site-signup-form" action='/jqfprocess' method="post">
				<input type="hidden" value="com.m3958.firstgwt.server.model.User" name="_modelName"/> 
				<input type="hidden" name="_operationType" value="add"/>
			<table cellpadding="2" bgcolor="white" cellspacing="0" border="0"
				width="650px">
				<tr>
					<td>
						<table bgcolor="#cbdced" border="0" cellpadding="2"
							cellspacing="0" width="1%">
							<tr>
								<td>
									<table bgcolor="#eeeeee" border="0" cellpadding="2"
										cellspacing="0" width="100%">
										<tr>
											<td bgcolor="#ffffff" valign="top" align="center">
												<table cellspacing="0" cellpadding="5" width="100%"
													bgcolor="#ffffff" border="0">
													<tr>

														<td colspan="2" valign="top"><span
															class="gaia ops gsl"> 开始使用 诗篇在线建站系统 <br /> </span>
														</td>
													</tr>
													<tr id='AttrRowLastName' style='display: table-row'>
														<td nowrap="nowrap" valign="top"
															id='AttrLabelCellLastName'><label for="loginName"
															class="gaia cca al"> 登录名: </label>
														</td>
														<td id='AttrLabelCellLastName'>
															<div>
																<input type="text" name="loginName" id="loginName"
																	size="30" value="" />
															</div>
														</td>
													</tr>
													<tr id='AttrRowNickname' style='display: table-row'>
														<td nowrap="nowrap" valign="top"
															id='AttrLabelCellNickname'><label for="nickname"
															class="gaia cca al"> 昵称: </label>
														</td>
														<td id='AttrLabelCellNickname'>
															<div>
																<input type="text" name="nickname" id="nickname" size="30"
																	value="" />
															</div>
														</td>
													</tr>													
													<tr id='AttrRowFirstName' style='display: table-row'>
														<td nowrap="nowrap" valign="top"
															id='AttrLabelCellFirstName'><label for="email"
															class="gaia cca al"> 电子邮件: </label>
														</td>
														<td id='AttrLabelCellFirstName'>
															<div>
																<input type="text" name="email" id="email" size="30"
																	value="" />
															</div>
														</td>
													</tr>
													<tr id='AttrRowMobile' style='display: table-row'>
														<td nowrap="nowrap" valign="top" id='AttrLabelCellMobile'><label
															for="mobile" class="gaia cca al"> 手机号码: </label>
														</td>
														<td id='AttrLabelCellMobile'>
															<div>
																<input type="text" name="mobile" id="mobile" size="30" value="" />
															</div>
														</td>
													</tr>

													<tr>
														<td valign="top" width="1%" nowrap="nowrap"><label
															for="Passwd"
															style="font-size: smaller; font-weight: bold">
																设定密码: &nbsp;&nbsp;</label>
														</td>

														<td valign="top">
															<table cellpadding="0" bgcolor="#ffffff" cellspacing="0"
																role="presentation">
																<tbody>
																	<tr>
																		<td valign="top">
																			<div>
																				<input type="password" name="password" id="password" size="30" />
																			</div> <font size="-1" face="arial,sans-serif"
																			color="#6f6f6f"> 最少需要 8 个字符。 </font>
																		</td>
																		<td width="10px"></td>
																	</tr>
																</tbody>
															</table>
														</td>
													</tr>
													<tr>
														<td valign="top" nowrap="nowrap"><label
															for="PasswdAgain"
															style="font-size: smaller; font-weight: bold">
																请再次输入密码: </label>
														</td>
														<td>
															<div>
																<input type="password" name="confirmPassword"	id="confirmPassword" size="30" />
															</div>
														</td>
													</tr>

													<tr>
														<td nowrap="nowrap">&nbsp;</td>
														<td align='left'><input type="checkbox"
															name="PersistentCookie" id="PersistentCookie" value="yes"
															checked='checked' /> &nbsp;<input type="hidden"
															name='rmShown' value="1" /><label for="PersistentCookie"
															style="font-size: smaller">保持登录状态 </label>
														</td>
													</tr>
													<tr>
														<td colspan="2">&nbsp;</td>
													</tr>
													<tr>
														<td valign="top"><label for="newaccountcaptcha"
															class="gaia cud cl"> 字符验证： </label>
														</td>
														<td>
															<table role="presentation">
																<tr>
																	<td valign="top"></td>
																	<td valign="top"><span
																		class="gaia captchahtml desc"> 键入您在以下图片中看到的字符。
																	</span>
																		<div>
																			<img src='/simpleImg' id="captchaImg"	alt="图形验证码" /><a href="#" id="refreshCaptcha" style="font-size: smaller;">换一个图片</a>
																		</div></td>
																</tr>
																<tr>
																	<td></td>

																	<td>
																		<div>
																			<input type="text" size="22" id="answer"
																				name="answer" value="" title="输入您看到的字母和数字"></input>
																				
																		</div> <span class="gaia captchahtml cmt"> 字母不区分大小写 </span>
																	</td>
																</tr>
															</table>
														</td>
													</tr>

													<!-- Tos.naui=default -->
													<tr>
														<td valign="top" nowrap="nowrap"><font size="-1"
															face="Arial, sans-serif"> <b>服务条款：</b> </font>
														</td>
														<td valign="top"><font size="-1"
															face="Arial, sans-serif"> 请检查以上您输入的帐户信息（内容可随意更改），并阅读以下服务条款。 </font>
														</td>
													</tr>
													<tr>
														<td>&nbsp;</td>
														<td valign="top">
															<div>

																<div style="display: inline" id='tos_div'>
																	<table role="presentation" cellpadding="0"
																		cellspacing="0">
																		<tr>
																			<td align="right" valign="top"><font size="-1">
																					<a href='#' target="_blank"></a> </font>
																			</td>
																		</tr>
																		<tr>
																			<td><textarea rows="5" cols="80"
																					style="width: 100%; text-align: "
																					readonly="readonly" onfocus="this.rows=10">﻿
																			</textarea></td>
																		</tr>

																		<tr>
																			<td>&nbsp;</td>
																		</tr>
																		<tr>
																			<td>
																				<font size="-1">点击下面的“我接受”，即表示您同意接受上面的服务条款</font>
																			</td>
																		</tr>
																	</table>
																</div>
															</div>
														</td>
													</tr>
													<tr>
														<td colspan="1">&nbsp;</td>
														<td colspan="1" align="center">
															<input style="width: 21em" id="submitbutton" name="submitbutton" type="SUBMIT" value='我接受；创建我的帐户。' />
														</td>
													</tr>
													<tr>
														<td></td>
														<td></td>
													</tr>
												</table>
											</td>
										</tr>
									</table>
								</td>

							</tr>
						</table>
					</td>
				</tr>
			</table>
		</form>

	</div>
	<div class="footer">

		<font size=-1 color=#666666>&copy; 2011 - <a
			href="http://www.m3958.com">奉化市诗篇网络科技有限公司</a> </font>
	</div>
		<script type="text/javascript">
	YUI({bootstrap:false}).use('*',function(Y){
		
		var history = new Y.HistoryHash();
		var isDebug = false;
		if(window.location.href.indexOf("127.0.0.1") != -1)isDebug = true;
		var next = history.get('next'); 
		var nextUrl = "/FirstGwt.html";
		if(next == 'fhtrade'){
			nextUrl = "/Fhtrade.html";
		}else if(next == 'webtool'){
			nextUrl = "/Webtool.html";
		}
		if(isDebug){
			nextUrl += "?gwt.codesvr=127.0.0.1:9997";
		}
		
		var site_signup_form = Y.one('#site-signup-form');
		var captchaImg = Y.one('#captchaImg');
		Y.on('click',function(e){
			e.preventDefault();
			captchaImg.set('src','/simpleImg?' + Math.random());
		},'#refreshCaptcha');
		var clearErrorMsg = function(){
			Y.all('.errormsg').remove();
		};
		
		site_signup_form.on('submit',function(e){
			 e.preventDefault();
			 clearErrorMsg();
			 var stop = false;
			 var fs = {loginName:this.one('#loginName'),
					 	answer:this.one('#answer'),
					 	password:this.one('#password'),
					 	confirmPassword:this.one('#confirmPassword'),
					 	email:this.one('#email'),
					 	mobile:this.one('#mobile')};

			 Y.each(fs,function(n){
				 if(!n.get('value')){
					 n.setStyle('backgroundColor','red');
					 stop = true;
				 }else{
					 n.setStyle('backgroundColor','');
				 }
			 });
			 if(stop)return; 
			 
			 if(fs.loginName.get('value').indexOf('@') != -1){
				 fs['loginName'].setStyle('backgroundColor','red');
				 var et = '<div class="errormsg" role="alert">用户名不能包含@符号  </div>';
				 fs.loginName.setStyle('backgroundColor','red');
				 fs.loginName.insert(et,'after');
				 return;
			 }
			 
			 if(fs.email.get('value').indexOf('@') == -1){
				 fs['email'].setStyle('backgroundColor','red');
				 var et = '<div class="errormsg" role="alert">电子邮件格式错误！  </div>';
				 fs.email.insert(et,'after');
				 return;
			 }
			 
			 if(fs.password.get('value') != fs.confirmPassword.get('value')){
				 fs['confirmPassword'].setStyle('backgroundColor','red');
				 var et = '<div class="errormsg" role="alert">两次密码不相符！  </div>';
				 fs['confirmPassword'].insert(et,'after');
				 return;
			 }
			 
			(function(){
				var tH = {
						success: function(id, o, args) {
								var res = Y.JSON.parse(o.responseText).response;
								if(res.status == 0){
		            				window.location.href = nextUrl;
								}else{
				            		var ecode;
				            		if(Y.Lang.isArray(res.data)){
				            			ecode = res.data[0];
				            		}else{
				            			ecode = res.data;
				            		}
				            		if(ecode.code == -11){//验证码错误不需要刷新验证码
				            			fs.answer.setStyle('backgroundColor','red');
				            			var et = '<div class="errormsg" role="alert">验证码错误！  </div>';
				            			fs.answer.insert(et,'after');
				            		}
								}
							},
						failure: function(id, o, args) {
									Y.log(o);
									alert("发生未知故障！");
								 }

					};
				
				var cfg = {
						method:'POST',
						form: {
							id: 'site-signup-form',
							useDisabled: true
						},
						on: {
							success: tH.success,
							failure: tH.failure
						},
						context: tH
					};
				
				Y.io('/jqfprocessor', cfg);
			})();
		});
	});
	</script>
</body>
</html>
